<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <style type="text/css">
    	._div{
    		margin: 0px;
    		padding:0px;
    		border: 0px; 
    		background: window;
    		height: 100%;
    		width: 100%;
    		overflow: auto;
    		cursor: default;
    	}
    	._span{
    		cursor: default;
    		background-image: url("");
    		background-position: left top;
    		background-repeat: no-repeat;
    		padding-left: 40px;
    		background-attachment: fixed;
    	}
    </style>
    <title>My JSP 'combo.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">

	<link rel="stylesheet" type="text/css" href="<%=basePath%>common/js/combo/combo.css">

	<script src="<%=basePath%>jquery/jquery-1.4.2.js"></script>
	<script src="<%=basePath%>common/js/common/common.js"></script>
	<script src="<%=basePath%>common/js/combo/combo.js"></script>

  </head>
  
  <body>
 	<form id="_combo_test" action="<%=basePath%>server.jsp" method="post">
	  	<select id="_select_test" >
	  		<option value="0">dfdfg</option>
	  		<option value="1">sdfg</option>
	  		<option value="2">hhhhhhhhhhh</option>
	  		<option value="3">yyyyyyyyyyyy</option>
	  		<option value="4">yiiiiiiii</option>
	  		<option value="5">oooooooo</option>
	  		<option value="6" selected="selected">pppppp</option>
	  		<option value="7">mmmmmmmmm</option>
	  	</select>
	    <div class="aeroui_combo_div">
	 		<input class="aeroui_combo_text" type="text"/>
	 		<input type="hidden"/>
	 		<input class="aeroui_combo_button" type="button"/>
	 	</div>
	 	<span style="background-image: url('<%=basePath%>common/img/title_pic/add_user.gif')">
	 		<img width="" height=""/>
	 	</span>
	 	<div id="msg"></div>
	 	<div id="combo_test"></div>
	 	<input type="button" value="submit" onclick="_submit();"/>
	 	
 	</form>
  </body>
  <script type="text/javascript">
  	new aeroui.combo({
  		containerId : 'combo_test',
  		comboId : 'tomcat',
  		comboName : 'apache',
  		url : 'comboTestAction!gotoComboXML.action',
  		width : 300
  	});
  	function _submit(){
  		$( '#_combo_test' ).submit();
  	}
  </script>
</html>
